﻿<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:include="common/front_head :: htmlhead">
<body class="met-navfixed">

<nav th:replace="common/front_head :: nav"></nav>

<div class="page met-showproduct pagetype1 animsition">
  <div class="met-showproduct-head">
    <div class="container grey-box">
      <div class="row">
        <div class="col-md-7">
          <div class='met-showproduct-list text-center fnGallery ' id="met-imgs-carousel">
            <div class='slick-slide lg-item-box'>
                  <span>
                    <img th:src="${union.picid}"  th:if="${type} eq 'hyfc'" class="img-responsive" />
                    <img th:src="${member.picid}"  th:unless="${type} eq 'hyfc'" class="img-responsive" />
                  </span>
            </div>
          </div>
        </div>
        <div class="visible-xs-block visible-sm-block height-20"></div>
        <div class="col-md-5 product-intro">
          <h1 th:text="${user.username}" th:if="${type} eq 'hyfc'"></h1>
          <h1 th:text="${member.name}" th:unless="${type} eq 'hyfc'"></h1>
          <p class="description"></p>
          <div class="para">
            <!--<div class="row">
              <div class="col-md-6 col-sm-6 col-xs-6 margin-bottom-15 blue-grey-500">
              </div>
              <div class="col-md-6 col-sm-6 col-xs-6 margin-bottom-15 blue-grey-500">
              </div>
              <div class="col-md-6 col-sm-6 col-xs-6 margin-bottom-15 blue-grey-500">
              </div>
            </div>-->
          </div>
          <div class="tools"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="met-showproduct-body">
    <div class="container">
      <div class="row no-space">
        <div class="col-md-9 product-content-body">
          <div class="row">
            <div class="panel product-detail">
              <div class="panel-body">
                <ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
                  <li class="active">
                    <a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a>
                  </li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane met-editor lazyload clearfix  active" id="product-details">
                    <div>
                      <ul class="attributes-list list-paddingleft-2" style="list-style-type: none;padding: 5px;">
                        <div th:utext="${union.context}" th:if="${type} eq 'hyfc'"></div>
                        <div th:utext="${member.introduct}" th:unless="${type} eq 'hyfc'"></div>
                      </ul>
                      <div id="metinfo_additional"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="row">
            <div class="panel product-hot">
              <div class="panel-body">
                <h2 class="margin-bottom-15 font-size-16 font-weight-300" th:href="@{/front/usershow(type='hyfc',pagenum=1)}">会员风采</h2>
                <h2 class="margin-bottom-15 font-size-16 font-weight-300" th:href="@{/front/usershow(type='bwgzt',pagenum=1)}">博物馆展厅</h2>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<div th:replace="common/front_head :: footnav"></div>
<footer th:replace="common/front_head :: footer"></footer>

<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide">
  <i class="iconfont" aria-hidden="true">&#xe608;</i>
</button>
<script th:src="@{/static/js/metinfo.js}"></script>
<script>
  $(".navbar-nav>li").eq(2).addClass("active").find("a").addClass("link").addClass("active");
</script>
</body>
</html>